@import "@/common/constants/StyleConst.scss";

.Dashboard-container {
  height: calc(100vh - 56px);
  min-height: 90%;
  min-width: 1230px;

  .v-main__wrap {
    &>.row {
      height: 100%;

      &>.col {
        height: 100%;
      }
    }
  }

  .header {

    .switch-text {
      font-weight: 700;
      font-size: 16px;
    }

    .switch {
      input {
        left: -4px;
      }

      .v-input--selection-controls__input {
        margin-right: 0px;
        left: 4px;
      }

      .v-input--switch__track {
        background-color: #3B4765;
        opacity: 1;
      }
    }
  }

  .left-wrap {
    .delayedTask-wrap {
      height: calc(100% - 115px);
      box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);
    }

  }

  .right-top-wrap {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);

    &.out {
      height: calc(66.66% - 16px);
      margin-bottom: 16px;
    }

    &.in,
    &.fullscreen {
      height: 100%;
    }
  }

  .chart-wrap {
    height: 33.33%;
    border-radius: 8px;
    background-color: #dfdfdf;
  }
}